<script setup lang="ts">
import HelloWorld from '@/components/HelloWorld.vue';
import TsxTest from '@/components/TsxTest.tsx';
</script>

<template>
  <h1 class="title"><span>Vite</span>模板</h1>
  <main>
    <HelloWorld msg="Vite + Vue" />

    <a-space wrap>
      <a-button type="primary">Primary Button</a-button>
      <a-button>Default Button</a-button>
      <a-button type="dashed">Dashed Button</a-button>
      <a-button type="text">Text Button</a-button>
      <a-button type="link">Link Button</a-button>
    </a-space>
    <br>
    <br>

    <TsxTest />
  </main>
</template>

<style lang="scss" scoped>
.title {
  color: rebeccapurple;
  span {
    font-weight: bold;
  }
}
</style>